<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <META HTTP-EQUIV="Expires" CONTENT="0">
    <title>轮播台节目单修改</title>
    <script charset="utf-8" type="text/javascript" src="js/init3.js?v=2014122229711"></script>
    <script src="js/jquery.ui.autocomplete.js" type="text/javascript"></script>
    <script src="js/jquery.qui.autocomplete.js" type="text/javascript"></script>
    <script src="js/jquery.qui.suggest.js" type="text/javascript"></script>
    <style>
        .norecords {
            border-width: 2px !important;
            display: none;
            font-weight: bold;
            left: 45%;
            margin: 5px;
            padding: 6px;
            position: absolute;
            text-align: center;
            top: 45%;
            width: auto;
            z-index: 102;
        }
        #dayRange {
            width: 980px;
            height: 54px;
        }

        #dayRange div {
            width: 924px;
            float: left;
            height: 54px;
        }

        #dayRange div {
            border-bottom: solid 1px #cccccc;
            border-top: solid 1px #cccccc;
            border-right: solid 1px #cccccc;
            height: 52px;
        }

        #dayRange div label {
            width: 131px;
            text-align: center;
            float: left;
            padding-top: 10px;
            padding-bottom: 10px;
            background: none;
            font-weight: bold;
            color: #187ddb;
            border-left: solid 1px #cccccc;
        }

        #dayRange div label.selected {
            color: white;
            background-image: -moz-linear-gradient(center top, #187ddb, #1867b2);
            background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#187ddb), to(#1867b2));
        }

        button.myBtn {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            background-color: #f5f5f5;
            background-image: linear-gradient(to bottom, #fff, #e6e6e6);
            background-repeat: repeat-x;
            border-color: #ccc #ccc #b3b3b3;
            border-image: none;
            border-radius: 2px;
            border-style: solid;
            border-width: 1px;
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
            color: #333;
            cursor: pointer;
            display: inline-block;
            font-size: 12px;
            line-height: 16px;
            margin-bottom: 0;
            padding: 4px 12px;
            text-align: center;
            text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
            vertical-align: middle;
            float: left
        }

        button.myBtn:hover, button.myBtn:focus {
            color: #333;
            text-decoration: none;
        }

        button.myBtn:active {
            background-color: #e6e6e6;
        }

        button.left {
            background-position: -54px 50%;
        !important;
        }

        button.right {
            background-position: -83px 50%;
        !important;
        }

        button.nav {
            background-image: url("img/navbuttons.png");
            background-repeat: no-repeat;
            height: 54px;
            margin: 0;
            padding: 0;
            width: 27px;
        }

        #weekRange {
            width: 980px;
        }

        #weekRange label {
            display: inline-block;
            width: 80px;
            font-weight: bold;
            text-align: center;
        }

        #weekRange button {
            margin-left: 20px;
        }

        td em.morning {
            border-left: 2px solid #ffff00;
            height: 36px;
            margin-top: -10px;
            position: absolute;
            left: 0
        }

        td em.current {
            border-left: 2px solid #66ff00;
            height: 36px;
            margin-top: -10px;
            position: absolute;
            left: 0
        }

        td em {
            border-left: 2px solid #66ff00;
            height: 36px;
            margin-top: -10px;
            position: absolute;
            left: 0
        }

        td em.afternoon {
            border-left: 2px solid #CD6600;
            height: 36px;
            margin-top: -10px;
            position: absolute;
            left: 0
        }

        .suggestDiv .ui-suggest .ui-autocomplete {
            width: 631px !important;
        }

    </style>
</head>
<body>
<header></header>
<div style="height: 40px"></div>

<div style="margin-left: 20px">
    <div id="weekRange">
        <label>前一周</label>
        <label>本周</label>
        <label>后一周</label>

        <button name="btn_auto_sort" style="float: right">自动排节目时间</button>
        <button name="btn_insert" style="float: right">插入节目</button>
        <button name="btn_automation_library" style="float: right;display: none">轮播台自动节目库</button>
        <button name="btn_automation_rule" style="float: right;display: none">轮播台自动节目表单</button>
        <button name="btn_auto_rule" style="float: right;display: none">轮播台自动规则</button>
        <button name="btn_search_config" style="float: right;display: none">内容权限配置</button>
    </div>

    <div id="dayRange" style="margin-top: 10px">
        <button class="myBtn nav left"></button>
        <div>
            <label></label>
            <label></label>
            <label></label>
            <label></label>
            <label></label>
            <label></label>
            <label></label>
        </div>
        <button class="myBtn nav right"></button>
    </div>
</div>
<div id="navDiv" style="margin-left:20px;margin-bottom: 20px">
    <!--<div><button></button></div>-->
    <div id="tabPanel">
        <div class="le-grid">
            <table id="list">
                <tr>
                    <td></td>
                </tr>
            </table>
            <div id="pager"></div>
        </div>
    </div>
</div>

<div id="orderResult">

</div>
<div id="delMessage">
    <div>确认删除数据？</div>
</div>
<div id="loadLegoMessage">
    <div>正在加载lego节目数据</div>
</div>
<script type="text/javascript">
    require(['epg2'], function () {
        Carousel.Action.listRun();
    })
</script>
</body>

</html>